<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <title>"雅马哈之星"管乐卡拉OK大赛</title>
    <link rel="stylesheet" href="/static/mobile/css/form.css">
</head>
<body>
<p class="logo"><img src="/static/mobile/images/yama.png"/></p>
<div class="container">
    <p class="tilte">"雅马哈之星"管乐卡拉OK大赛</p>
    <div class="block">
        <p class="subtitle">活动介绍</p>
        <p class="intro">
            "雅马哈之星管乐卡拉OK大赛"是由雅马哈乐器音响（中国）投资有限公司统一宣传，针对全国各年龄层管乐爱好者的大型管乐比赛活动。雅马哈管乐卡拉OK大赛的宗旨旨在促进中国管乐爱好者群体的扩大，创造并提供一个新颖、活泼的表演舞台，让更多人能在管乐的演奏过程中获得快乐。</p>
    </div>
    <form id="form" name="form" method="POST" enctype="multipart/form-data" action="/register">
        <div class="block clearfix">
            <p class="subtitle fl">报名赛点</p>
            <select class="select fl data" name="saiqu" type="select" title="报名赛点">
                <option value="北京赛区">北京赛区</option>
                <option value="天津赛区">天津赛区</option>
                <option value="济南赛区">济南赛区</option>
                <option value="哈尔滨赛区">哈尔滨赛区</option>
                <option value="沈阳赛区">沈阳赛区</option>
                <option value="大连赛区">大连赛区</option>
                <option value="兰州赛区">兰州赛区</option>
                <option value="西安赛区">西安赛区</option>
                <option value="上海知音赛区">上海知音赛区</option>
                <option value="上海高祥赛区">上海高祥赛区</option>
                <option value="杭州赛区">杭州赛区</option>
                <!--<option value="南京赛区">南京赛点</option>-->
                <option value="芜湖赛区">芜湖赛区</option>

                <option value="厦门赛区">厦门赛区</option>
                <option value="广州赛区">广州赛区</option>
                <option value="深圳赛区">深圳赛区</option>
                <option value="珠海赛区">珠海赛区</option>
                <option value="珠海赛区">宜昌赛区</option>
                <option value="珠海赛区">南昌赛区</option>
                <option value="珠海赛区">长沙赛区</option>
                <option value="珠海赛区">成都赛区</option>
                <option value="珠海赛区">贵阳赛区</option>
                <option value="珠海赛区">重庆赛区</option>
                <option value="武汉赛区">武汉赛区</option>

                <option value="南京赛区">南京赛区</option>
                <option value="苏州赛区">苏州赛区</option>
                <option value="合肥赛区">合肥赛区</option>
                <option value="宁波赛区">宁波赛区</option>
                <option value="福州赛区">福州赛区</option>
                <option value="东莞赛区">东莞赛区</option>
                <option value="中山赛区">中山赛区</option>
                <option value="安阳赛区">安阳赛区</option>
                <option value="南宁赛区">南宁赛区</option>
                <option value="青岛赛区">青岛赛区</option>
            </select>
        </div>
        <div class="block">
            <p class="subtitle">个人信息</p>
            <ul class="form-container">
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>姓名</span>
                        <div class="form-input fl"><input class="data" name="relname" must="1" type="text" title="姓名"
                                                          placeholder="请输入真实姓名" value=""/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>性别</span>
                        <div class="form-raido fl">
                            <label>
                                <input class="data" name="sex" must="1" type="radio" value="male" title="性别" checked/>
                                <span>男</span>
                            </label>
                            <label>
                                <input class="data" name="sex" type="radio" value="female" title="性别"/>
                                <span>女</span>
                            </label>
                        </div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>民族</span>
                        <div class="form-input fl"><input class="data" name="minzu" must="1" title="民族" type="text" placeholder="请输入民族" value=""/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>年龄</span>
                        <div class="form-input fl"><input class="data" name="age" must="1" title="年龄" type="text"
                                                          placeholder="请输入年龄" value=""/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>所在城市</span>
                        <div class="form-input fl"><input class="data" name="city" must="1" title="所在城市" type="text"
                                                          placeholder="请输入所在城市" value=""/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">学校</span>
                        <div class="form-input fl"><input class="data" name="school" title="学校" type="text"
                                                          placeholder="请输入学校"/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">指导老师</span>
                        <div class="form-input fl"><input class="data" name="teacher" title="指导老师" type="text"
                                                          placeholder="请输入指导老师"/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">上传照片</span>
                        <div class="form-input fl">
                            <a class="upload-btn" href="javascript:void(0)">点击上传<input id="doc" class="data" name="pic" type="file" placeholder="请上传照片"/></a>
                            <!-- <span class="complete">上传完成</span> -->
                        </div>
                    </div>
                </li>
                <li class="form-it upload-img" id="localImag">
                    <img id="preview" src=""/>
                </li>
            </ul>
        </div>
        <div class="block">
            <p class="subtitle">参赛信息</p>
            <ul class="form-container">
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">参赛编号</span>
                        <div class="form-input fl"><input class="data" name="bsId" title="参赛编号" type="text"
                                                          placeholder="请输入参赛编号"/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">参赛人数</span>
                        <div class="form-input fl"><input class="data" name="bsCount" title="参赛人数" type="text"
                                                          placeholder="请输入参赛人数"/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>参赛形式</span>
                        <div class="form-raido fl">
                            <p> <label>
                                <input class="data" name="bsType" must="1" type="radio" value="独奏" title="参赛形式"
                                       checked/>
                                <span>独奏</span>
                            </label>
                            <label>
                                <input class="data" name="bsType" must="1" type="radio" value="重奏" title="参赛形式"/>
                                <span>重奏</span>
                            </label>
                            </p>
                            <p>
                            <label>
                                <input class="data" name="bsType" must="1" type="radio" value="重奏" title="参赛形式"/>
                                <span>家庭组</span>
                            </label>
                            <label>
                                <input class="data" name="bsType" must="1" type="radio" value="其他" title="参赛形式"/>
                                <span>其他</span>
                            </label>
                            </p>
                        </div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>伴奏形式</span>
                        <div class="form-raido fl">
                            <p><label>
                                    <input class="data" name="banzou" must="1" type="radio" value="无伴奏" title="伴奏形式"
                                           checked/>
                                    <span>无伴奏</span>
                                </label>
                                <label>
                                    <input class="data" name="banzou" must="1" type="radio" value="CD伴奏" title="伴奏形式"/>
                                    <span>CD伴奏</span>
                                </label></p>
                            <p><label>
                                    <input class="data" name="banzou" must="1" type="radio" value="现场伴奏" title="伴奏形式"/>
                                    <span>现场伴奏</span>
                                </label>
                                <label>
                                    <input class="data" name="banzou" must="1" type="radio" value="MP3伴奏" title="伴奏形式"/>
                                    <span>MP3伴奏</span>
                                </label></p>
                        </div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>参赛乐器</span>
                        <div class="form-input fl"><input class="data" name="yueqi" must="1" title="参赛乐器" type="text"
                                                          placeholder="请输入参赛乐器" value=""/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">品牌</span>
                        <div class="form-input fl"><input class="data" name="pingpai" type="text" title="品牌"
                                                          placeholder="请输入品牌"/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">型号</span>
                        <div class="form-input fl"><input class="data" name="yueqiType" type="text" title="型号"
                                                          placeholder="请输入型号"/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl">参赛曲目</span>
                        <div class="form-input fl"><input class="data" name="song" type="text" title="参赛曲目"
                                                          placeholder="请输入参赛曲目"/></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="block">
            <p class="subtitle">联系方式</p>
            <ul class="form-container">
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>联系电话</span>
                        <div class="form-input fl"><input class="data" name="tel" must="1" type="text" title="联系电话"
                                                          placeholder="请输入联系电话" value=""/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>联系地址</span>
                        <div class="form-input fl"><input class="data" name="address" must="1" type="text" title="联系地址"
                                                          placeholder="请输入联系地址" value=""/></div>
                    </div>
                </li>
                <li class="form-it">
                    <div class="clearfix">
                        <span class="form-title fl"><span class="key">*</span>邮箱地址</span>
                        <div class="form-input fl"><input class="data" name="email" must="1" type="text" title="邮箱地址"
                                                          placeholder="请输入邮箱地址" value=""/></div>
                    </div>
                </li>
            </ul>
        </div>


        <div class="block">
            <ul class="form-container">
                <li class="form-it">
                    <input name="accpect" must="1" class="data" type="checkbox" title="隐私条款"> 接受雅马哈<a href="/clause">隐私条款</a>
                </li>
            </ul>
        </div>


        {{--<div class="block">--}}
            {{--<p class="subtitle"><span class="key">*</span>验证码</p>--}}
            {{--<div class="clearfix">--}}
                {{--<input class="captcha data" name="verify" must="1" title="验证码" type="text" value=""/>--}}
                {{--<img src="/captcha/1" id="verifyImg" align="absmiddle" onClick="fleshVerify(1)"--}}
                     {{--style="cursor: pointer;margin-left: 10px;margin-top: 0px;height: 35px;"/>--}}
                {{--<span class="tips" onClick="fleshVerify(1)">点击图片刷新</span>--}}
            {{--</div>--}}
        {{--</div>--}}
        <input type="hidden" name="_token" value="{{csrf_token()}}">
    </form>

    <a id="submit" href="javascript:void(0)">提交申请</a>
</div>
<script src="/static/mobile/js/jquery-2.0.3.min.js"></script>
<script src="/static/mobile/js/index.js"></script>

<script language="JavaScript">
    function fleshVerify(type) {
        var timenow = new Date().getTime();
        if (type) {
            $("#verifyImg").attr("src", '/captcha/' + timenow);
        } else {
            $("#verifyImg").attr("src", '/captcha/' + timenow);
        }
    }
</script>
</body>
</html>